
$(function () {
    $('#slides') // Using FX base effects 
    .anythingSlider({
        resizeContents: true,
        expand: true,
        buildArrows: false,
        buildNavigation: true,
        buildStartStop: false,
        autoPlay: false,
        delay: 5000
    })
    .anythingSliderFx({
        // base FX definitions 
        // '.selector' : [ 'effect(s)', 'size', 'time', 'easing' ] 
        // 'size', 'time' and 'easing' are optional parameters, but must be kept in order if added 

        '.panel1 .slide-img-container': ['left', '1040px', '1000', 'easeOutCirc'],
        '.panel1 h3': ['right', '640px', '500', 'easeInOutCirc'],
        '.panel1 p': ['right', '640px', '1000', 'easeInOutCirc'],
        '.panel1 a': ['right', '640px', '1200', 'easeInOutCirc'],
        '.panel2 .slide-img-container': ['bottom', '1040px', '1000', 'easeOutCirc'],
        '.panel2 h3': ['top', '640px', '500', 'easeInOutCirc'],
        '.panel2 p': ['top', '640px', '1000', 'easeInOutCirc'],
        '.panel2 a': ['top', '840px', '1200', 'easeInOutCirc'],
        '.panel3 blockquote': ['right', '640px', '100', 'easeInOutCirc'],
        '.panel3 p': ['right', '640px', '1500', 'easeInOutCirc']
    });
    //	Variable number of visible items with variable sizes
    $('.carousel-li').carouFredSel({
        items: 4,
        height: 161,
        prev: '.prev',
        next: '.next',
        auto: true,
        scroll: 1
    });

});